<template>
    <page-body>
        <view class="page">
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center">
                <view>
					<view class="detailsDd_flex_0" :style="{height:(168+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
					    <view class='flex detailsDd_fd0_0'>
							<view class='flex flex-wrap align-center qsIndex_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/myNew/myNew`">
							    <benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="newum.all" size='24' color='#fff' background-color='red'>
							    </benben-message-num>
							    <image class='qsIndex_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'></image>
							</view>
					        <view class="detailsDd_fd0_1" @tap.stop="tabsTap(1,1)" :class="tabs == '1' ? 'detailsDd_fd0_2' : ''">餐饮订单</view>
					        <view class="detailsDd_fd0_1" @tap.stop="tabsTap(2,1)" :class="tabs == '2' ? 'detailsDd_fd0_2' : ''">跑腿订单</view>
					    </view>
						<view class="flex ding_1" v-if="tabs == 1">
							<template v-for='(item,key0) in tabList1'>
								<view class="ding_2" @tap="tabsTap(item.aid,2)" style="position: relative;">
									<text :class="item.aid == tabs1 ? 'ding_4' : ''">
									    {{item.name}}
										<text v-if="key0 == 0 && (xiaoxi.waiting_num && xiaoxi.waiting_num>0)">({{xiaoxi.waiting_num}})</text>
										<text v-if="key0 == 1 && (xiaoxi.distribution_num && xiaoxi.distribution_num>0)">({{xiaoxi.distribution_num}})</text>
										<text v-if="key0 == 2 && (xiaoxi.finish_num && xiaoxi.finish_num>0)">({{xiaoxi.finish_num}})</text>
								    </text>
									<view class="diandian" v-if="key0 == 3 && (xiaoxi.cancel_num && xiaoxi.cancel_num>0)"></view>
									<view class="ding_3" v-if="item.aid == tabs1"></view>
								</view>
							</template>
						</view>
						<view class="flex ding_1" v-if="tabs == 2">
							<template v-for='(item,key0) in tabList2'>
								<view class="ding_2" @tap="tabsTap(item.aid,3)" style="position: relative;">
									<text :class="item.aid == tabs2 ? 'ding_4' : ''" >
										{{item.name}}
										<text v-if="key0 == 0 && (xiaoxi.dqh_number && xiaoxi.dqh_number>0)">({{xiaoxi.dqh_number}})</text>
										<text v-if="key0 == 1 && (xiaoxi.jxz_number && xiaoxi.jxz_number>0)">({{xiaoxi.jxz_number}})</text>
										<text v-if="key0 == 2 && (xiaoxi.finish_number && xiaoxi.finish_number>0)">({{xiaoxi.finish_number}})</text>
									</text>
									<view class="diandian" v-if="key0 == 3 && (xiaoxi.cancel_number && xiaoxi.cancel_number>0)"></view>
									<view class="ding_3" v-if="item.aid == tabs2"></view>
								</view>
							</template>
						</view>
					</view>
					<view :style="{height: (176+StatusBarRpx)+'rpx'}"></view>
                    <view style="width: 750rpx;">
                        <view class="benben_tabsfd0_0-body-item flex flex-direction flex-wrap align-stretch" v-if=" tabs == '1' " >
                            <!-- <view>
                                <benben-flex-tabs class-name='qxOrder_benbenTabsbodyItemfd0_0_c3_c0' v-model="tabs1" ref="benben_tabsbodyItemfd0_0_c3_c0" select-mark="benben_tabsbodyItemfd0_0_c3_c0" key="benben_tabsbodyItemfd0_0_c3_c0" :open-title-type='false' :open-sticky='true' :top='88' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfobodyItemfd0_0_c3_c0">
									
                                    <scroll-view @scroll="tabsInfobodyItemfd0_0_c3_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsbodyItemfd0_0_c3_c0" class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfobodyItemfd0_0_c3_c0.moveX" scroll-with-animation="all .3s ease">
                                        <view class="benben-tabs-content" id="benben_tabsbodyItemfd0_0_c3_c0-content">
                                            <view id="benben_tabsbodyItemfd0_0_c3_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs1 == '4', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(4,2)" :id="`benben_tabsbodyItemfd0_0_c3_c0-title-item-${'4'}`">

                                                    <text>待取货(5)</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs1 == '5', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(5,2)" :id="`benben_tabsbodyItemfd0_0_c3_c0-title-item-${'5'}`">

                                                    <text>配送中(5)</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs1 == '6', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(6,2)" :id="`benben_tabsbodyItemfd0_0_c3_c0-title-item-${'6'}`">

                                                    <text>已完成</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs1 == '-1', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(-1,2)" :id="`benben_tabsbodyItemfd0_0_c3_c0-title-item-${'-1'}`">

                                                    <text>已取消</text>

                                                </view>
                                            </view>
                                            <view :style="{ left: tabsInfobodyItemfd0_0_c3_c0.lineleft, maxWidth: tabsInfobodyItemfd0_0_c3_c0.lineWidth ,}" id="benben_tabsbodyItemfd0_0_c3_c0-line" class="benben-tabs-line flex benben-flex-tabs-line qxOrder_linebodyItemfd0_0_c3_c0"></view>
                                        </view>
                                    </scroll-view>

                                </benben-flex-tabs>

                            </view> -->
							<fu-loading v-if="isShow"></fu-loading>
                            <view class='flex flex-direction flex-wrap align-stretch qxOrder_bodyItemfd0_0_c3_c1' v-if="!isShow">
								<template v-for='(item,key0) in list'>
									<view class='flex flex-direction flex-wrap align-stretch qxOrder_bodyItemfd0_0_c3_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
					                    :data-url="`/pages/riderOrder/meetOrder/meetOrder?order_sn=${item.order_sn}&type=${tabs}&aid=${item.aid}&tabs1=${tabs1}`">
										<view class='flex flex-wrap align-center'>
											<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c0'>订单:</text>
											<text class='flex-sub qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c1'>{{item.order_sn}}</text>
											<!-- <text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c2'>#</text> -->
											<!-- <text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c2'>{{item.day_number}}</text> -->
											<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c2'>取餐码：{{item.pick_code}}</text>
										</view>
										<view class=' qxOrder_bodyItemfd0_0_c3_c1_c0_c1'>
											<view class="flex flex-wrap align-center">
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c0'>预计送达时间</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c1'>{{item.forecast_time}}</text>
											</view>
											<view class="flex flex-wrap align-center" v-if="item.rider_profits" style="margin: 24rpx 0 0 0;">
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c2' v-if="item.status != 7">预计收入</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c2' v-if="item.status == 7">本次收入</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c3'>￥</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c4'>{{item.rider_profits}}</text>
											</view>
											
											
										</view>
										<view class='flex flex-wrap align-center'>
											<view class='flex flex-wrap align-center qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0'>
												<image class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"54.png"'></image>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c1'>收</text>
											</view>
											<view class='flex flex-direction align-stretch flex-sub qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1' v-if="item.address">
												<view class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c0'>
													<text>{{item.address.receiver_name}}</text>
													<text>{{item.address.sex == 1 ? '先生' : '女士'}}</text>
													<text>(</text>
													<text>{{item.address.receiver_mobile_ps}}</text>
													<text>)</text>
												</view>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c1'>{{item.address.receiver_address}}</text>
											</view>
										</view>
										<view class='flex flex-wrap align-center qxOrder_bodyItemfd0_0_c3_c1_c0_c3'>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == 4 || item.status == 5" @tap.stop="caozuo(item,6)">取消订单</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == -1" style="margin-left: auto;" @tap.stop="caozuo(item,3)">删除订单</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.show_btn == 1"  @tap.stop="handleJumpDiy" data-type="navigateTo" 
					        :data-url="`/pages/riderOrder/extension/extension?order_sn=${item.order_sn}&type=${tabs}`">申请延时</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 4" @tap.stop="caozuo(item,7)">到达商家</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 5" @tap.stop="caozuo(item,4)">确认取货</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.show_btn == 2 || item.show_btn == 1" @tap.stop="caozuo(item,5)">确认到达</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.show_btn == 3">查看详情</button>
										</view>
									</view>
								</template>
								<view v-if="list.length == 0" class="text-xl text-center text-gray flex flex-direction align-center justify-center"
									style="margin-top: 20%;">
									<image :src='STATIC_URL+"137.png"' mode="widthFix" style="width:400rpx;"></image>
								</view>
                            </view>
							
                        </view>
                        <view class="benben_tabsfd0_0-body-item flex flex-direction flex-wrap align-stretch" v-if=" tabs == '2' " >
                            <!-- <view>
                                <benben-flex-tabs class-name='qxOrder_benbenTabsbodyItemfd0_0_c3_c0' v-model="tabs2" ref="benben_tabsbodyItemfd0_0_c4_c0" select-mark="benben_tabsbodyItemfd0_0_c4_c0" key="benben_tabsbodyItemfd0_0_c4_c0" :open-title-type='false' :open-sticky='true' :top='88' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfobodyItemfd0_0_c4_c0">

                                    <scroll-view @scroll="tabsInfobodyItemfd0_0_c4_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsbodyItemfd0_0_c4_c0" class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfobodyItemfd0_0_c4_c0.moveX" scroll-with-animation="all .3s ease">
                                        <view class="benben-tabs-content" id="benben_tabsbodyItemfd0_0_c4_c0-content">
                                            <view id="benben_tabsbodyItemfd0_0_c4_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs2 == '1', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(1,3)" :id="`benben_tabsbodyItemfd0_0_c4_c0-title-item-${'1'}`">

                                                    <text>待取货(5)</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs2 == '2', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(2,3)" :id="`benben_tabsbodyItemfd0_0_c4_c0-title-item-${'2'}`">

                                                    <text>配送中(5)</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs2 == '3', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(3,3)" :id="`benben_tabsbodyItemfd0_0_c4_c0-title-item-${'3'}`">

                                                    <text>已完成</text>

                                                </view>
                                                <view :class="{ 'checkTitlebodyItemfd0_0_c3_c0': tabs2 == '4', 'flex flex-wrap align-center': true }" 
												@tap="tabsTap(4,3)" :id="`benben_tabsbodyItemfd0_0_c4_c0-title-item-${'4'}`">

                                                    <text>已取消</text>

                                                    <view class='flex flex-wrap align-stretch qxOrder_titleItembodyItemfd0_0_c4_c0_c6_c1'>
                                                    </view>

                                                </view>
                                            </view>
                                            <view :style="{ left: tabsInfobodyItemfd0_0_c4_c0.lineleft, maxWidth: tabsInfobodyItemfd0_0_c4_c0.lineWidth ,}" id="benben_tabsbodyItemfd0_0_c4_c0-line" class="benben-tabs-line flex benben-flex-tabs-line qxOrder_linebodyItemfd0_0_c3_c0"></view>
                                        </view>
                                    </scroll-view>

                                </benben-flex-tabs>

                            </view> -->
							<fu-loading v-if="isShow"></fu-loading>
                            <view class='flex flex-direction flex-wrap align-stretch qxOrder_bodyItemfd0_0_c3_c1' v-if="!isShow">
								<template v-for='(item,key0) in list'>
									<view class='flex flex-direction flex-wrap align-stretch qxOrder_bodyItemfd0_0_c3_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
					                    :data-url="`/pages/riderOrder/meetOrder/meetOrder?order_sn=${item.order_sn}&type=${tabs}&tabs1=${tabs2}`">
										<view class='flex flex-wrap align-center qxOrder_bodyItemfd0_0_c4_c1_c0_c0'>
											<button class='qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c0' v-if="item.order_type == 1">快递代取</button>
											<button class='qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c01' v-if="item.order_type == 2">外卖代取</button>
											<button class='qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c02' v-if="item.order_type == 3">校园跑腿</button>
											<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c0'>订单编号:</text>
											<text class='flex-sub qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c1'>{{item.order_sn}}</text>
											<!-- <text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c2'>待付款</text> -->
										</view>
										<view class=' qxOrder_bodyItemfd0_0_c3_c1_c0_c1'>
											<view class="flex flex-wrap align-center">
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c0'>预计送达时间</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c1'>{{item.expected_time}}</text>
											</view>
											<view class="flex flex-wrap align-center" style="margin-top: 24rpx;">
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c2' v-if="item.status!='4'">预计收入</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c2' v-if="item.status=='4'">本次收入</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c3'>￥</text>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c4' >{{item.income}}</text>
											</view>
											
											
										</view>
										<view class='flex flex-wrap align-center'>
											<view class='flex flex-wrap align-center qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0'>
												<image class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"54.png"'></image>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c1'>收</text>
											</view>
											<view class='flex flex-direction align-stretch flex-sub qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1'>
												<view class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c0'>
													<text>{{item.end_address_info.name}}</text>
													<text>{{item.end_address_info.sex == 1 ? '先生' : '女士'}}</text>
													<text>(</text>
													<text>{{item.end_address_info.mobile_hidestr}}</text>
													<text>)</text>
												</view>
												<text class='qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c1'>{{item.end_address_info.detail}}</text>
											</view>
										</view>
										<view class='flex flex-wrap align-center qxOrder_bodyItemfd0_0_c3_c1_c0_c3'>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == 2 && !item.pick_time" @tap.stop="caozuo(item,1)">取消订单</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == 3" @tap.stop="caozuo(item,2)">申请延时</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == -1" @tap.stop="caozuo(item,3)" style="margin-left: auto;">删除订单</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 2 && !item.pick_time" @tap.stop="caozuo(item,4)">确认取货</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 2 && item.pick_time" @tap.stop="caozuo(item,8)">报价</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 3" @tap.stop="caozuo(item,5)">确认送达</button>
											<button class='qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 4">查看详情</button>
										</view>
									</view>
								</template>
								<view v-if="list.length == 0" class="text-xl text-center text-gray flex flex-direction align-center justify-center"
									style="margin-top: 20%;">
									<image :src='STATIC_URL+"137.png"' mode="widthFix" style="width:400rpx;"></image>
								</view>
								<!-- <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" 
								:listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty> -->
                            </view>
                        </view>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1716278998416" :mask="true" :mask-close-able="true" mode='center'>
			    <!---二次确认框flex布局开始-->
			    <view class="flex flex-direction align-center benben-flex-layout qsIndex_flex_4">
			        <view class='flex flex-wrap align-center'>
			            <text class='qsIndex_fd4_0_c0'>提示</text>
			        </view>
			        <text class='qsIndex_fd4_1'>确定删除此订单吗！</text>
			        <view class='flex align-stretch qsIndex_fd4_2'>
			            <view class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd4_2_c0' @tap.stop="popupShow1716278998416=false">
			                <text class='qsIndex_fd4_2_c0_c0'>取消</text>
			            </view>
			            <view class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd4_2_c1' @tap.stop="post66714a3dd6129">
			                <text class='qsIndex_fd4_2_c1_c0'>确定</text>
			            </view>
			        </view>
			    </view>
			</benben-popup>
            <benben-popup v-model="popupShow1716279780212" :mask="true" :mask-close-able="true" mode='bottom'>
                <!---取消订单flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout qxOrder_flex_1">
                    <view class='flex flex-direction flex-wrap align-stretch qxOrder_fd1_0'>
                        <view class='flex flex-wrap align-center justify-between qxOrder_fd1_0_c0'>
                            <text class='qxOrder_fd1_0_c0_c0' @tap.stop="popupShow1716279780212 = false">取消</text>
                            <text class='qxOrder_fd1_0_c0_c1'>取消订单</text>
                            <text class='qxOrder_fd1_0_c0_c2' @tap.stop="quxiao">确定</text>
                        </view>
                        <view class='flex flex-wrap align-center qxOrder_fd1_0_c1'>
                            <text class='qxOrder_fd1_0_c1_c0'>请选择取消订单原因</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-stretch qxOrder_fd1_0_c2'>
							<scroll-view class='offer_fd5_0_c1' :scroll-y='true' style="height: 500rpx;">
								<benben-select-diy ref="showSelectPopup1716280690423" class-name='flex flex-direction flex' :items.sync="cancelType" 
								v-model="cancel_id" :label.sync="cancel_name" default-type="aid" default-label="name" :allow-cancel='true' type="radio" :disabled='false'>
									<template v-for='(item,key0) in cancelType'>
										<view v-if="item.isSelected" class='flex justify-between flex qxOrder_fd1_0_c2_c0_c0' :key="key0" @tap="$refs.showSelectPopup1716280690423.tapHandle(key0)">
											<text>{{item.name}}</text>
											<image class='qxOrder_fd1_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"2.png"'></image>
										</view>
										<view v-else class='flex justify-between flex qxOrder_fd1_0_c2_c0_c0' :key="key0" @tap="$refs.showSelectPopup1716280690423.tapHandle(key0)">
											<text>{{item.name}}</text>
											<image class='qxOrder_fd1_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"132.png"'></image>
										</view>
									</template>
								</benben-select-diy>
							</scroll-view>
                        </view>
                    </view>
                </view>

                <!---取消订单flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1716280385627" :mask="true" :mask-close-able="true" mode='center'>
                <!---二次确认框flex布局开始-->
                <view class="flex flex-direction align-center benben-flex-layout qxOrder_flex_2">
                    <view class='flex flex-wrap align-center'>
                        <text class='qxOrder_fd2_0_c0'>提示</text>
                    </view>
                    <text class='qxOrder_fd2_1'>是否到达商家</text>
                    <view class='flex align-stretch qxOrder_fd2_2'>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd2_2_c0' @tap.stop="popupShow1716280385627=false">
                            <text class='qxOrder_fd2_2_c0_c0'>取消</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd2_2_c1' @tap.stop="post646d6ceb8c3be">
                            <text class='qxOrder_fd2_2_c1_c0'>确定</text>
                        </view>
                    </view>
                </view>

                <!---二次确认框flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1716280518271" :mask="true" :mask-close-able="true" mode='center'>
                <!---二次确认框flex布局开始-->
                <view class="flex flex-direction align-center benben-flex-layout qxOrder_flex_3">
                    <view class='flex flex-wrap align-center'>
                        <text class='qxOrder_fd3_0_c0'>我已取货</text>
                    </view>
                    <text class='qxOrder_fd3_1'>打卡拍照，请对您已取的货拍照上传</text>
                    <benben-image-upload :oType="'1'"  :path.sync="fd3_2" :is-cropping="false" :is-show-clean="false" class="upload position-relative qxOrder_fd3_2">
                        <!-- <text v-if="fd3_2 != ''" data-type="clean" class='fu-iconfont2 position-absolute qxOrder_fd3_2_icon'>&#xE8E7;</text> -->
                        <image class=" qxOrder_fd3_2_image" mode="aspectFill" :src="fd3_2 ? fd3_2 : STATIC_URL+'55.jpg'"></image>
                    </benben-image-upload>
                    <view class='flex align-stretch qxOrder_fd3_3'>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd3_3_c0' @tap.stop="popupShow1716280518271=false">
                            <text class='qxOrder_fd3_3_c0_c0'>取消</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd3_3_c1' @tap.stop="queding">
                            <text class='qxOrder_fd3_3_c1_c0'>确定</text>
                        </view>
                    </view>
                </view>

                <!---二次确认框flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1716280726132" :mask="true" :mask-close-able="true" mode='center'>
                <!---二次确认框flex布局开始-->
                <view class="flex flex-direction align-center benben-flex-layout qxOrder_flex_4">
                    <view class='flex flex-wrap align-center'>
                        <text class='qxOrder_fd4_0_c0'>我已送达</text>
                    </view>
                    <text class='qxOrder_fd4_1'>打卡拍照，请对您已送达的货拍照上传</text>
                    <benben-image-upload :oType="'1'"  :path.sync="fd4_2" :is-cropping="false" :is-show-clean="false" class="upload position-relative qxOrder_fd4_2">
                        <!-- <text v-if="fd4_2 != ''" data-type="clean" class='fu-iconfont2 position-absolute qxOrder_fd4_2_icon'>&#xE8E7;</text> -->
                        <image class=" qxOrder_fd4_2_image" mode="aspectFill" :src="fd4_2 ? fd4_2 : STATIC_URL+'55.jpg'"></image>
                    </benben-image-upload>
					<view class="" style="width: 100%;padding:0 32rpx;" v-if="!order_item.transfer_rider_id && tabs == 1">
						<template v-for='(item,key0) in leiixng'>
							<view class='flex flex qxOrder_fd4_3_c0_ben' @tap.stop="leixing_id = item.value">
								<image class='qxOrder_fd4_3_c0_c0_ben' v-if="leixing_id == item.value" mode="aspectFit" :src='STATIC_URL+"200.png"'>
								</image>
								<image class='qxOrder_fd4_3_c0_c0_ben' v-else mode="aspectFit" :src='STATIC_URL+"166.png"'>
								</image>
								<text class='qxOrder_fd4_3_c0_c1_ben'>{{item.name}}</text>
							</view>
						</template>
					</view>
					
                    <view class='flex align-stretch qxOrder_fd4_3'>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd4_3_c0' @tap.stop="popupShow1716280726132=false">
                            <text class='qxOrder_fd4_3_c0_c0'>取消</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd4_3_c1' @tap.stop="shongda">
                            <text class='qxOrder_fd4_3_c1_c0'>确定</text>
                        </view>
                    </view>
                </view>
            </benben-popup>
			<benben-popup v-model="popupShow1716280726131" :mask="true" :mask-close-able="true" mode='center'>
			    <!---二次确认框flex布局开始-->
			    <view class="flex flex-direction align-center benben-flex-layout qxOrder_flex_4">
			        <view class='flex flex-wrap align-center' style="padding: 0 0 32rpx 0;">
			            <text class='qxOrder_fd4_0_c0'>请选择中转站</text>
			        </view>
			       <scroll-view class='qxOrder_fd4_4_ben' :scroll-x='false' :scroll-y='true' :show-scrollbar='false' :enhanced="true">
					   <view class='flex flex-direction align-stretch benben-scroll flex'>
						   <view class="" style="width: 100%;padding:0 32rpx;">
						   	<template v-for='(item,key0) in zhuangzhuan'>
						   		<view class='flex flex qxOrder_fd4_3_c0_ben' @tap.stop="zhuangzhuan_id = item.aid">
						   			<image class='qxOrder_fd4_3_c0_c0_ben' v-if="zhuangzhuan_id == item.aid" mode="aspectFit" :src='STATIC_URL+"200.png"'>
						   			</image>
						   			<image class='qxOrder_fd4_3_c0_c0_ben' v-else mode="aspectFit" :src='STATIC_URL+"166.png"'>
						   			</image>
						   			<text class='qxOrder_fd4_3_c0_c1_ben'>{{item.name}}</text>
						   		</view>
						   	</template>
						   </view>
					   </view>
				   </scroll-view>
					
					
			        <view class='flex align-stretch qxOrder_fd4_3'>
			            <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd4_3_c0' @tap.stop="popupShow1716280726131=false">
			                <text class='qxOrder_fd4_3_c0_c0'>取消</text>
			            </view>
			            <view class='flex flex-direction flex-wrap align-center self-center justify-center qxOrder_fd4_3_c1' @tap.stop="zhng">
			                <text class='qxOrder_fd4_3_c1_c0'>确定</text>
			            </view>
			        </view>
			    </view>
			</benben-popup>
			


        </view>
    </page-body>
</template>
<script>
    import pagingList from '@/common/mixin/paging_list.js';
    import {
        validate
    } from '@/common/utils/validate.js'

    export default {
        components: {},
        mixins: [pagingList],

        data() {
            return {
				popupShow1716280726131:false,
                "fd4_2": "",
                "fd4_2id": "",
                "popupShow1716280726132": false,
                "fd3_2": "",
                "fd3_2id": "",
                "popupShow1716280518271": false,
                "popupShow1716280385627": false,
                "popupShow1716279780212": false,
                "tabsInfobodyItemfd0_0_c4_c0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "tabsInfobodyItemfd0_0_c3_c0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "tabsInfofd0_0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "minixPagingListsApi": "",
                "pageingListApiMethod": "",
                "allowOnloadGetList": false,
                "tabs": "1",
                "tabs1": "4",
                "tabs2": "1",
                "cancelType": [],
                "cancel_id": "",
                "cancel_name": "",
                "dataMessage": {
                   
                },
                "list": [],
                "partner_id": null,
                "order_sn": "",
                "order_type": "",
				order_item:'',
				popupShow1716278998416:false,
				page:1,
				isShow:false,
				upType:true,
				tabList1:[
					{name:'待取货',aid:'4'},
					{name:'配送中',aid:'5'},
					{name:'已完成',aid:'6'},
					{name:'已取消',aid:'-1'},
				],
				tabList2:[
					{name:'待取货',aid:'1'},
					{name:'配送中',aid:'2'},
					{name:'已完成',aid:'3'},
					{name:'已取消',aid:'4'},
				],
				"newum": {
				    "one": {
				        "new_msg": "",
				        "new_msg_num": "",
				        "new_time": ""
				    },
				    "two": {
				        "new_msg": "",
				        "new_msg_num": "",
				        "new_time": ""
				    },
				    "count": {
				        "new_msg": "",
				        "new_msg_num": ""
				    }
				},
				xiaoxi:'',
				"leiixng": [{
					"name": "已送到用户手里",
					"value": "1",
					"image": ""
				}, {
					"name": "已送到中转站",
					"value": "2",
					"image": ""
				}],
				"leixing_id": "",
				"leixing_name": "",
				zhuangzhuan:[],
				zhuangzhuan_id:'',
            };
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
			
            
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
			
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {
        },
        onReachBottom(e) {
        },
        onPageScroll(e) {

        },
        methods: {
			//获取未读消息数量及最新消息
			async getgq46d88852707bFunc() {
			    //请求方法
			    //数据验证
			
			    let datanewum = await this.$api.get(global.apiUrls.post649039e86761b, {
			        type: '3'
			    });
			
			    if (datanewum.data.code != 1) {
			        this.$message.info(datanewum.data.msg);
			        return
			    }
			    let infonewum = datanewum.data;
			    this.newum = infonewum.data
			
			},
			async quxiao(){
				if(!this.cancel_id){
					this.$message.info('请选择取消原因');
					return
				}
				
				this.popupShow1716279780212 = false
				let page = {}
				let url = ''
				if(this.tabs == 1){
					url = global.apiUrls.post667a3818a35dc //外卖
					page = {
						order_sn: this.order_item.order_sn,
						cancel_reason:this.cancel_name,
					}
					
				}else{
					url = global.apiUrls.post66702f70e1272 // 跑腿
					page = {
						order_sn: this.order_item.order_sn,
						errandcancel_id:this.cancel_id,
						cancel_role:2,
					}
				}
				
				let datadetail = await this.$api.post(url,page);
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			async post646d6ceb8c3be(){
				this.popupShow1716280385627 = false
				let datadetail = await this.$api.post(global.apiUrls.post646d6ceb8c3be, {
				    order_sn: this.order_item.order_sn,
				});
				
				    this.$message.info(datadetail.data.msg);
				if (datadetail.data.code != 1) {
				    return
				}
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			async post66714a3dd6129(){
				this.popupShow1716278998416 = false
				let page = {}
				let url = ''
				if(this.tabs == 1){
					url = global.apiUrls.post667a8c229f509 //外卖
					page = {
						aid: this.order_item.aid,
					}
					
				}else{
					url = global.apiUrls.post66714a3dd6129 // 跑腿
					page = {
						order_sn: this.order_item.order_sn,
						user_role:2,
					}
				}
				let datadetail = await this.$api.post(url,page);
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.$message.info('删除成功');
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			// 中专列表
			async post6757fe4f4ae6d(){
				let datadetail = await this.$api.post(global.apiUrls.post6757fe4f4ae6d, {
				    school_id: this.order_item.school_id,
				});
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.zhuangzhuan = datadetail.data.data
				this.popupShow1716280726131 = true
			},
			// 确定中专站
			async zhng(){
				if(!this.zhuangzhuan_id){
					this.$message.info('请选择中转站');
					return
				}
				let datadetail = await this.$api.post(global.apiUrls.post646d6b4da5103,{
					order_sn: this.order_item.order_sn,
					finish_image:this.fd4_2,
					type:2,
					transfer_station_id:this.zhuangzhuan_id
				});
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.popupShow1716280726132 = false
				this.popupShow1716280726131 = false
				this.fd4_2 = ''
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			async shongda(){
				if(!this.fd4_2){
					this.$message.info('请上传送达图片');
					return
				}
				if(!this.order_item.transfer_rider_id && !this.leixing_id && this.tabs == 1){
					this.$message.info('请选择送达类型');
					return
				}
				if(!this.order_item.transfer_rider_id && this.leixing_id == 2  && this.tabs == 1){
					this.post6757fe4f4ae6d()
					return
				}
				this.popupShow1716280726132 = false
				let url = ''
				let page = {}
				if(this.tabs == 1){
					url = global.apiUrls.post646d6b4da5103
					page = {
						order_sn: this.order_item.order_sn,
						finish_image:this.fd4_2,
						type:1,
					}
				}else{
					url = global.apiUrls.post667010ba16df1
					page = {
						order_sn: this.order_item.order_sn,
						finish_image:this.fd4_2,
					}
				}
				let datadetail = await this.$api.post(url,page);
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.fd4_2 = ''
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			queding(){
				if(!this.fd3_2){
					this.$message.info('请上传取货照片');
					return
				}
				this.popupShow1716280518271 = false
				if(this.tabs == 1){
					this.post646d6a70e3447()
				}else{
					this.post666ffc0f3e2ed()
				    // this.fd3_2 = ''
				}
			},
			
			async post666ffc0f3e2ed (){
				let datadetail = await this.$api.post(global.apiUrls.post666ffc0f3e2ed, {
				    order_sn: this.order_item.order_sn,
					pick_images:this.fd3_2,
				});
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				// this.$urouter.navigateTo(`/pages/riderOrder/offer/offer?order_sn=${this.order_item.order_sn}&is_come_up=${this.order_item.is_come_up}&is_once=${this.order_item.is_once}`);
			    this.fd3_2 = ''
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			async post646d6a70e3447(){
				let datadetail = await this.$api.post(global.apiUrls.post646d6a70e3447, {
				    order_sn: this.order_item.order_sn,
					fetch_image_rider:this.fd3_2,
				});
				
				if (datadetail.data.code != 1) {
				    this.$message.info(datadetail.data.msg);
				    return
				}
				this.fd3_2 = ''
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			together(){
				this.isShow = true
				
				// console.log(uni.getStorageSync('orderType'),'13')
				if(uni.getStorageSync('orderType')){
					let orderType = uni.getStorageSync('orderType')
					this.tabs = orderType
					// if(orderType == 4){
					// 	this.tabs = 1
					// }else{
					// 	this.tabs = 2
					// }
					uni.setStorageSync('orderType','')
				}
				// console.log(this.tabs,111111111111)
				// console.log(uni.getStorageSync('jinxingzhong'),2222222)
				if(uni.getStorageSync('jinxingzhong')){
					if(this.tabs == 1){
						this.tabs1 = 4
					}else if(this.tabs == 2){
						this.tabs2 = 1
					}
					uni.setStorageSync('jinxingzhong','')
				}
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.queryDetailsFunc()
				this.nueshuliang()
			},
			// 操作订单
			caozuo(item,type){
				this.order_item = item
				if(type == 1){
					//取消订单
					this.popupShow1716279780212 = true
				}else if(type == 2){
					//申请延时
					this.$urouter.navigateTo(`/pages/riderOrder/extension/extension?order_sn=${item.order_sn}&type=${this.tabs}`);
				}else if(type == 3){
					//删除订单
					this.popupShow1716278998416 = true 
				}else if(type == 4){
					//确认取货
					this.popupShow1716280518271=true
				}else if(type == 5){
					//确认送达
					this.popupShow1716280726132=true
				}else if(type == 6){
					//外卖取消订单
					this.popupShow1716279780212=true
				}else if(type == 7){
					//到达商家
					this.popupShow1716280385627=true
				}else if(type == 8){
					//报价
					this.$urouter.navigateTo(`/pages/riderOrder/offer/offer?order_sn=${this.order_item.order_sn}&is_once=${this.order_item.is_once}`);
				}
				
			},
			
            //订单-取消原因
            async queryDetailsFunc() {
                //请求方法
                //数据验证

                let datadataMessage = await this.$api.post(global.apiUrls.post66702e1b2efc7,);

                if (datadataMessage.data.code != 1) {
                    this.$message.info(datadataMessage.data.msg);
                    return
                }
                let infodataMessage = datadataMessage.data;
                this.cancelType = infodataMessage.data

            },
			tabsTap(tpe,type){
				if(type == 1){
					this.tabs = tpe
				}else if(type == 2){
					this.tabs1 = tpe
				}else if(type == 3){
					this.tabs2 = tpe
				}
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			addrrsDaun(){
				this.page == 1
				this.isShow = true
				this.getoa66ff2284d28dFunc()
				this.nueshuliang()
			},
			// 订单数量
			async nueshuliang(){
				let url = ''
				if(this.tabs == 1){
					url = global.apiUrls.post648ae06b8a02e
				}else{
					url = global.apiUrls.post666ff99b5b5a4
				}
				let res = await this.$api.post(url);
				if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
				    return
				}
				console.log(res,1234)
				this.xiaoxi = res.data.data
			},
            //骑手端-跑腿订单列表
            async getoa66ff2284d28dFunc() {
				let url = ''
				let page = {
					page:this.page
				}
				// console.log(this.isLoadInit,111)
				if(this.tabs == 1){
					url = global.apiUrls.post646d6e6504950
					page.status = this.tabs1
				}else{
					url = global.apiUrls.post666ff2284d28d
					page.order_status = this.tabs2
				}
				let res = await this.$api.get(url,page);
				
				if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
				    return
				}
				// total
				if(this.page == 1){
					this.list = []
				}
				let list = res.data.data.data
				this.list = this.list.concat(list)
				if(this.list.length < res.data.data.total){
					this.upType = true
				}else{
					this.upType = false
				}
				// this.post632c2707ec23c()
				this.isShow = false
				this.getgq46d88852707bFunc()
				
				// console.log(res,123)
                // this.minixPagingListsApi = url;
                // this.pageingListApiMethod = 'get';
                // this.allowOnloadGetList = false;
                // this.pagingListPostDataContent = page
                // this.listData = [];
                // this.list = this.listData;
                // this.pagingListToggle();

            },
            pagingListPostData() {
                // return this.pagingListPostDataContent
            }
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: rgba(246, 247, 249, 1);
        background-size: 100% auto;
		padding-bottom: 120rpx;
    }

    .qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c0 {
        background: #FF8E21;
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: var(--benbenFontColor3);
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }
	.qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c01 {
	    background:rgba(52, 187, 52, 1);
	    border-radius: 16rpx 2rpx 16rpx 2rpx;
	    font-size: 22rpx;
	    color: var(--benbenFontColor3);
	    padding: 0rpx 10rpx 0rpx 10rpx;
	    height: 36rpx;
	    line-height: 36rpx;
	    margin: 0rpx 16rpx 0rpx 0rpx;
	}
	.qxOrder_bodyItemfd0_0_c4_c1_c0_c0_c02 {
	    background: rgba(22, 158, 240, 1);
	    border-radius: 16rpx 2rpx 16rpx 2rpx;
	    font-size: 22rpx;
	    color: var(--benbenFontColor3);
	    padding: 0rpx 10rpx 0rpx 10rpx;
	    height: 36rpx;
	    line-height: 36rpx;
	    margin: 0rpx 16rpx 0rpx 0rpx;
	}

    .qxOrder_bodyItemfd0_0_c4_c1_c0_c0 {
        margin: 0rpx 0rpx 0rpx 0rpx;
    }

    .qxOrder_titleItembodyItemfd0_0_c4_c0_c6_c1 {
        background: rgba(246, 52, 52, 1);
        width: 10rpx;
        height: 10rpx;
        border-radius: 5rpx;
        background-size: 100% auto;
        margin: 0rpx 0rpx 14rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c1 {
        background: #FF8E21;
        border-radius: 40rpx 40rpx 40rpx 40rpx;
        width: 303rpx;
        line-height: 80rpx;
        font-size: 28rpx;
        color: #FFFFFF;
        height: 80rpx;
        font-weight: 500;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c3_c0 {
        border: 1px solid #FF8E21;
        background: var(--benbenbgColor1);
        border-radius: 40rpx 40rpx 40rpx 40rpx;
        width: 303rpx;
        line-height: 80rpx;
        font-size: 28rpx;
        color: var(--benbenFontColor4);
        height: 80rpx;
        font-weight: 500;
        background-size: 100% auto;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c3 {
        margin: 24rpx 0rpx 0rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c1 {
        color: #000000;
        font-size: 28rpx;
        font-weight: 500;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #000000;
        margin: 0rpx 0rpx 20rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c1 {
        border-bottom: 1px solid rgba(238, 238, 238, 1);
        padding: 32rpx 0rpx 32rpx 0rpx;
        margin: 0rpx 0rpx 0rpx 26rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c1 {
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 700;
        position: absolute;
        left: 10rpx;
        top: 4rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0_c0 {
        width: 40rpx;
        height: 48rpx;
        border-radius: 0rpx 0rpx 0rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c2_c0 {
        position: relative;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c4 {
        color: #FF8E21;
        font-size: 36rpx;
        font-weight: 700;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c3 {
        color: #FF8E21;
        font-size: 22rpx;
        font-weight: 700;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c2 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
        margin: 0rpx 10rpx 0rpx 0;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c1 {
        color: #FF8E21;
        font-size: 28rpx;
        font-weight: 500;
        margin: 0rpx 0rpx 0rpx 16rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1_c0 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c1 {
        background: #F8F8F8;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 20rpx;
        margin: 24rpx 0rpx 0rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c2 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 700;
        line-height: 40rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c1 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0_c0_c0 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1_c0 {
        background: var(--benbenbgColor1);
        background-size: 100% auto;
        border-radius: 16rpx;
        margin: 0rpx 0rpx 24rpx 0rpx;
        padding: 24rpx;
    }

    .qxOrder_bodyItemfd0_0_c3_c1 {
        padding: 24rpx 24rpx 0rpx 24rpx;
    }

    .qxOrder_linebodyItemfd0_0_c3_c0 {
        background: var(--benbenbgColor0);
        width: 32rpx;
        height: 4rpx;
        top: 70rpx;
        background-size: 100% auto !important;
        border-radius: 100rpx;
    }

    .checkTitlebodyItemfd0_0_c3_c0 {
        font-weight: 700 !important;
        font-size: 32rpx !important;
        color: #FF8E21 !important;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    ::v-deep .qxOrder_benbenTabsbodyItemfd0_0_c3_c0 {
        background: #fff;
        width: 750rpx;
        height: 80rpx;
        white-space: nowrap;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
    }

    .qxOrder_titlefd0_0_c3 {
        margin: 0rpx 92rpx 0rpx 0rpx;
    }

    .qxOrder_linefd0_0 {
        background: rgba(213, 50, 21, 0);
        width: 100rpx;
        height: 8rpx;
        top: 80rpx;
        background-size: 100% auto !important;
    }

    .checkTitlefd0_0 {
        font-weight: 700 !important;
        font-size: 36rpx !important;
        color: #FF8E21 !important;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    ::v-deep .qxOrder_benbenTabsfd0_0 {
        background: #fff;
        width: 750rpx;
        height: 88rpx;
        white-space: nowrap;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
    }

    .qxOrder_flex_1 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 24rpx 24rpx 0rpx 0rpx;
    }

    .qxOrder_fd1_0_c2_c0_c0_c1 {
        width: 32rpx;
        height: 32rpx;
    }

    .qxOrder_fd1_0_c2_c0_c0 {
        padding: 20rpx 0rpx 20rpx 0rpx;
    }

    .qxOrder_fd1_0_c2 {
        padding: 20rpx 24rpx 20rpx 24rpx;
    }

    .qxOrder_fd1_0_c1_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #666666;
        padding: 25rpx 24rpx 25rpx 24rpx;
    }

    .qxOrder_fd1_0_c1 {
        background: #F8F8F8;
    }

    .qxOrder_fd1_0_c0_c2 {
        font-size: 28rpx;
        font-weight: 700;
        color: var(--benbenFontColor4);
        line-height: 40rpx;
    }

    .qxOrder_fd1_0_c0_c1 {
        font-size: 36rpx;
        font-weight: 700;
        color: #333333;
    }

    .qxOrder_fd1_0_c0_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .qxOrder_fd1_0_c0 {
        padding: 32rpx 32rpx 32rpx 32rpx;
    }

    .qxOrder_fd1_0 {
        border-radius: 24rpx 24rpx 0rpx 0rpx;
    }

    .qxOrder_flex_2 {
        background: rgba(255, 255, 255, 1);
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 40rpx 0rpx 0rpx 0rpx;
        width: 540rpx;
    }

    .qxOrder_fd2_2_c1_c0 {
        color: #ED702D;
        font-size: 32rpx;
        font-weight: 500;
    }

    .qxOrder_fd2_2_c1 {
        width: 50%;
        height: 110rpx;
    }

    .qxOrder_fd2_2_c0_c0 {
        color: #999999;
        font-size: 32rpx;
        font-weight: 500;
        text-align: center;
    }

    .qxOrder_fd2_2_c0 {
        border-right: 1px solid #eee;
        width: 50%;
        height: 110rpx;
        text-align: center;
    }

    .qxOrder_fd2_2 {
        border-top: 1px solid #eee;
        width: 100%;
    }

    .qxOrder_fd2_1 {
        line-height: 44rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        margin: 40rpx 0rpx 50rpx 0rpx;
    }

    .qxOrder_fd2_0_c0 {
        color: #333333;
        font-size: 36rpx;
        font-weight: 500;
    }

    .qxOrder_flex_3 {
        background: rgba(255, 255, 255, 1);
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 40rpx 0rpx 0rpx 0rpx;
        width: 540rpx;
    }

    .qxOrder_fd3_3_c1_c0 {
        color: #ED702D;
        font-size: 32rpx;
        font-weight: 500;
    }

    .qxOrder_fd3_3_c1 {
        width: 50%;
        height: 110rpx;
    }

    .qxOrder_fd3_3_c0_c0 {
        color: #999999;
        font-size: 32rpx;
        font-weight: 500;
        text-align: center;
    }

    .qxOrder_fd3_3_c0 {
        border-right: 1px solid #eee;
        width: 50%;
        height: 110rpx;
        text-align: center;
    }

    .qxOrder_fd3_3 {
        border-top: 1px solid #eee;
        width: 100%;
    }

    .qxOrder_fd3_2_image {
        width: 152rpx;
        height: 152rpx;
    }

    .qxOrder_fd3_2_icon {
        top: 0rpx;
        right: 0rpx;
        z-index: 10;
        color: #ff5536;
    }

    .qxOrder_fd3_2 {
        margin: 0rpx 0rpx 40rpx 0rpx;
    }

    .qxOrder_fd3_1 {
        line-height: 44rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        margin: 40rpx 0rpx 50rpx 0rpx;
    }

    .qxOrder_fd3_0_c0 {
        color: #333333;
        font-size: 36rpx;
        font-weight: 500;
    }

    .qxOrder_flex_4 {
        background: rgba(255, 255, 255, 1);
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 40rpx 0rpx 0rpx 0rpx;
        width: 540rpx;
    }

    .qxOrder_fd4_3_c1_c0 {
        color: #ED702D;
        font-size: 32rpx;
        font-weight: 500;
    }

    .qxOrder_fd4_3_c1 {
        width: 50%;
        height: 110rpx;
    }

    .qxOrder_fd4_3_c0_c0 {
        color: #999999;
        font-size: 32rpx;
        font-weight: 500;
        text-align: center;
    }

    .qxOrder_fd4_3_c0 {
        border-right: 1px solid #eee;
        width: 50%;
        height: 110rpx;
        text-align: center;
    }

    .qxOrder_fd4_3 {
        border-top: 1px solid #eee;
        width: 100%;
    }

    .qxOrder_fd4_2_image {
        width: 152rpx;
        height: 152rpx;
    }

    .qxOrder_fd4_2_icon {
        top: 0rpx;
        right: 0rpx;
        z-index: 10;
        color: #ff5536;
    }

    .qxOrder_fd4_2 {
        margin: 0rpx 0rpx 40rpx 0rpx;
    }

    .qxOrder_fd4_1 {
        line-height: 44rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        margin: 40rpx 0rpx 50rpx 0rpx;
    }

    .qxOrder_fd4_0_c0 {
        color: #333333;
        font-size: 36rpx;
        font-weight: 500;
    }
	.qsIndex_flex_4 {
	    background: rgba(255, 255, 255, 1);
	    border-radius: 16rpx 16rpx 16rpx 16rpx;
	    padding: 40rpx 0rpx 0rpx 0rpx;
	    width: 540rpx;
	}
	.qsIndex_fd4_2_c1_c0 {
	    color: #ED702D;
	    font-size: 32rpx;
	    font-weight: 500;
	}
	
	.qsIndex_fd4_2_c1 {
	    width: 50%;
	    height: 110rpx;
	}
	
	.qsIndex_fd4_2_c0_c0 {
	    color: #999999;
	    font-size: 32rpx;
	    font-weight: 500;
	    text-align: center;
	}
	
	.qsIndex_fd4_2_c0 {
	    border-right: 1px solid #eee;
	    width: 50%;
	    height: 110rpx;
	    text-align: center;
	}
	
	.qsIndex_fd4_2 {
	    border-top: 1px solid #eee;
	    width: 100%;
	}
	
	.qsIndex_fd4_1 {
	    line-height: 44rpx;
	    font-size: 28rpx;
	    font-weight: 400;
	    color: var(--benbenFontColor0);
	    margin: 40rpx 0rpx 50rpx 0rpx;
	}
	
	.qsIndex_fd4_0_c0 {
	    color: #333333;
	    font-size: 36rpx;
	    font-weight: 500;
	}
	
	
	.detailsDd_flex_0 {
	    background: #fff;
	    width: 750rpx;
	    height: 88rpx;
	    overflow: hidden;
	    z-index: 10;
	    position: fixed;
	    left: 0;
	    top: 0;
	    // background-size: 100% auto !important;
	}
	.detailsDd_fd0_0 {
	    padding: 0rpx 32rpx 0rpx 32rpx;
	    height: 88rpx;
	}
	.detailsDd_fd0_1{
		// width: 40%;
		text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		line-height: 88rpx;
		margin: 0 0 0 60rpx;
	}
	.detailsDd_fd0_2{
		font-size: 36rpx;
		color: #FF8E21;
	}
	.ding_1{
		// position: fixed;
		height: 80rpx;
		background: #fff;
		
	}
	.ding_2{
		width: 25%;
		text-align: center;
		line-height: 80rpx;
		position: relative;
	}
	.ding_3{
		position: absolute;
		bottom: 6rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 32rpx;
		height: 4rpx;
		background: #FF8E21;
		border-radius: 100rpx;
	}
	.ding_4{
		font-size: 32rpx;
		color: #FF8E21;
	}
	.qsIndex_fd0_0_c0_c1 {
	    width: 38rpx;
	    height: 38rpx;
	    border-radius: 0rpx 0rpx 0rpx 0rpx;
		
	}
	
	.qsIndex_fd0_0_c0_c0 {
	    position: absolute;
	    left: 20rpx;
	    top: 10rpx;
	    z-index: 10;
	}
	
	.qsIndex_fd0_0_c0 {
	    width: 120rpx;
	    position: relative;
		margin: 0 0rpx 0 0;
	}
	.diandian{
		position: absolute;
		left: 70%;
		top: 20rpx;
		border-radius: 12rpx;
		width: 12rpx;
		height: 12rpx;
		background: red;
	}
	::v-deep .qxOrder_fd4_3_ben {
		width: 100%;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}
	.qxOrder_fd4_3_c0_ben {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}
	.qxOrder_fd4_3_c0_c0_ben {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx;
		margin: 6rpx 0 0 0;
	}
	.qxOrder_fd4_3_c0_c1_ben {
		margin: 0rpx 0rpx 0rpx 24rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}
	.qxOrder_fd4_3_c1_c1_ben {
		margin: 0rpx 0rpx 0rpx 24rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}
	.qxOrder_fd4_4_ben{
		touch-action: none;
		width: 100%;
		max-height: 500rpx;
	}
</style>